.wa_nav {
  margin-top: Rm(44);
  height: Rm(50);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  div {
    &:nth-child(1) {
      margin-right: Rm(49);
    }
    span {
      display: inline-block;
      height: Rm(35);
      line-height: Rm(35);
      letter-spacing: Rm(-0.86);
      font-size: Rm(16);
      color: #999999;
    }
    i {
      display: none;
    }
    &.wa_active {
      span {
        letter-spacing: 0;
        font-size: Rm(18);
        color: #000000;
      }
      i {
        display: block;
        margin: Rm(6) auto 0;
        width: Rm(32);
        height: Rm(5);
        background-image: linear-gradient(90deg, #03f6f9 0%, #03b4f9 98%);
        border-radius: Rm(25);
      }
    }
  }
}
.wa_ul {
  margin-top: Rm(3);
  margin-bottom: Rm(50);
  padding: 0 Rm(7);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  li {
    width: 50%;
    padding: Rm(7);
    box-sizing: border-box;
    .li_bg {
      height: Rm(316);
      background: #ffffff;
      box-shadow: 0 Rm(2) Rm(8) 0 rgba(0, 0, 0, 0.07);
      border-radius: Rm(10);
    }
  }
}
